@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{ -webkit-text-size-adjust:none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;block;clear:all;}
body{font-family:'Microsoft YaHei',helvetica,arial,sans-serif; -webkit-text-size-adjust:none; color:#333333; background:#fff; -webkit-text-size-adjust:none; min-width:320px; font-size:14px; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
form{display:inline}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}input,select,button{font-family:'Microsoft YaHei',helvetica,arial,sans-serif;font-size:100%;vertical-align:middle;outline:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
a{text-decoration:none;color:#333333;vertical-align:baseline; background:transparent;}
a:link,a:visited,a:hover,a:active {color:#333333; text-decoration:none;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
.fl{ float:left;}
@font-face{
font-family: 'Asou-font';
src:url('http://img.dodourl.com/join/font/SourceHanSansCN-Heavy.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
html,body{ height:100%; background-color:#F4f4f4;}
.wrap{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;min-height: 100%; height: auto !important;position:relative; min-height: -moz-calc(100% -120px);height: -webkit-calc(100% - 120px);height: calc(100% - 120px);}
.ordinary_version{height: 70%; padding:5% 5% 30px; overflow:hidden; background: url(/Public/user/images/bg.jpg) top center; background-size: auto  100%;background-repeat: repeat-x;}
.ordinary_version .Mydata{ width:100%; height:auto; overflow:hidden;}
.ordinary_version .Mydata .data_info { text-align: center;width: 60px; padding-top:20px;}
.ordinary_version .Mydata .data_info .MyPhoto img{ width:100%; border-radius:80px; display:block;}
.ordinary_version .Mydata .data_info .name{ font-size:16px; text-align:center; color:#fff; padding-top:5px;}
.ordinary_version .Mydata .my_skinfo { background: #fff ;border-radius: 15px; margin-left:15px; padding: 0 5% 20px; width: 62%;}
.ordinary_version .Mydata .my_skinfo em {color: #f8830c; display: inline-block; float: left; font-family: arial; font-size: 36px;font-style: normal;font-weight: bold; margin-top: 10px;text-align: center;}
.ordinary_version .Mydata .my_skinfo p { display: block;float: left;font-size:14px;line-height:24px;margin: 20px 3% 0;width: 73.85%;}

.ordinary_version .My_money {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;border-radius: 5px; margin-top: 30px; padding: 22px 10%; width: 80%;}
.ordinary_version .My_money fieldset { border: 1px solid #fff;color: #fff;text-align: center;}
.ordinary_version .My_money fieldset legend {padding: 0 15px;}
.ordinary_version .My_money fieldset p {font-family:sans-serif; font-size:50px; letter-spacing:16px; text-shadow: 1px 2px 1px #777777; font-weight:600; padding: 30px 0px 30px 5%; text-align:center; color: #fff;}
.ordinary_version .My_money fieldset p span{font-family:Asou-font; font-size:24px; letter-spacing:6px;}
.ordinary_version .Invite_friends {margin-top: 20px;text-align: center;width: 100%;}
.ordinary_version .Invite_friends a{ margin:0px auto; width:80%; height:40px; text-align:center; font-size:18px; line-height:40px; color:#fff; border:1px solid #fff; border-radius:5px; display:block;}
.Friend_info { border-bottom: 1px solid #ddd; height:537px; overflow:hidden; margin: 30px 0 35px;width: 100%;}
.Friend_info .tit {margin: 0 auto 20px;text-align: center;width:100%;}
.Friend_info .tit fieldset {width:100%; -webkit-margin-start: 2px;-webkit-margin-end: 2px; -webkit-padding-before: 0.35em; -webkit-padding-start: 0.75em; -webkit-padding-end: 0.75em; -webkit-padding-after: 0.625em;border-color: #cccccc;border-image: none;border-style: dashed none none;border-width: 1px 0 0;font-size: 12px;margin: 0; padding: 0; text-align: center;}
.Friend_info .tit fieldset legend{ font-size:16px;  display: block; padding:0px 5px;border: none;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;}
.Friend_info #listfont{ width:100%;}
.Friend_info #listfont ul{ margin:0px 15px; height:auto; overflow:hidden;}
.Friend_info #listfont ul li{ width:100%; height:auto; overflow:hidden; padding:5px 0px; border-bottom:1px solid #dddddd;}
.Friend_info #listfont ul li div{ float:left;}
.Friend_info #listfont ul li .con { width:100%;}
.Friend_info #listfont ul li .photo{ float:left; width:45px; height:45px; display:block;}
.Friend_info #listfont ul li .photo img{ width:100%; display:block; border-radius:50%;}
.Friend_info #listfont ul li .con .tits{ width: 100%; margin-bottom:8px;}
.Friend_info #listfont ul li .con .name{ padding-left:5px; padding-top:5px;line-height:24px;width:70px; line-height:45px;}
.Friend_info #listfont ul li .con .name font{ color:#666666; }
.Friend_info #listfont ul li .con p{   line-height:25px; padding-left:10px; color:#666666;}